<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" style="" class=" js no-touch localstorage" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Web POS</title>
<meta name="description" content="Default Description">
<meta name="keywords" content="Magento, Varien, E-commerce">
<meta name="robots" content="INDEX,FOLLOW">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://demo.magestore.com/webpos/js/blank.html';
    var BLANK_IMG = 'http://demo.magestore.com/webpos/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="calendar-win2k-1.css">
<link rel="stylesheet" type="text/css" href="default.css">
<link rel="stylesheet" type="text/css" href="demoheader.css" media="all">
<link rel="stylesheet" type="text/css" href="style.css" media="all">
<link rel="stylesheet" type="text/css" href="demotip.css" media="all">
<link rel="stylesheet" type="text/css" href="webpos23.css" media="all">
<link rel="stylesheet" type="text/css" href="jquery.mmenu.all.css" media="all">
<link rel="stylesheet" type="text/css" href="jquery-ui.css" media="all">
<link rel="stylesheet" type="text/css" href="jquery-ui-timepicker.css" media="all">
<link rel="stylesheet" type="text/css" href="orderlist.css" media="all">
<link rel="stylesheet" type="text/css" href="bootstrap.css" media="all">
<link rel="stylesheet" type="text/css" href="bootstrap2-toggle.css" media="all">
<link rel="stylesheet" type="text/css" href="login.css" media="all">
<link rel="stylesheet" type="text/css" href="webpos22.css" media="all">
<link rel="stylesheet" type="text/css" href="tinybox.css" media="all">
<link rel="stylesheet" type="text/css" href="rewardpoints.css" media="all">
<link rel="stylesheet" type="text/css" href="rewardpoints_new.css" media="all">
<link rel="stylesheet" type="text/css" href="webpos234.css" media="all">
<script type="text/javascript" async="" src="about:blank"></script><script async="" src="about:blank"></script><script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>
<script type="text/javascript" src="about:blank"></script>

<!--[if  (lte IE 8) & (!IEMobile)]>
<link rel="stylesheet" type="text/css" href="http://demo.magestore.com/webpos/skin/frontend/rwd/default/css/styles-ie8.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://demo.magestore.com/webpos/skin/frontend/rwd/default/css/madisonisland-ie8.css" media="all" />
<![endif]-->
<!--[if (gte IE 9) | (IEMobile)]><!-->
<link rel="stylesheet" type="text/css" href="madisonisland.css" media="all">
<!--<![endif]-->

<script type="text/javascript">/* Code removed by ScrapBook */</script>
<meta name="viewport" content="initial-scale=1.0, width=device-width">

<script type="text/javascript">/* Code removed by ScrapBook */</script>
<script type="text/javascript">/* Code removed by ScrapBook */</script>
<!--Google analytic by Harry-->
<script>/* Code removed by ScrapBook */</script>
<!--End Google analytic-->
</head>
<body class=" webpos-index-index"><div id="menu2" class="mm-menu mm-offcanvas"><div class="mm-panels"><div class="mm-panel mm-hasnavbar mm-opened mm-current" id="mm-1">
            <ul class="multi-level mm-listview" role="menu" id="categories_list">
                <li role="presentation" class="parentMenu catitem" catid="0"><a tabindex="-1" href="#">All Categories</a></li>
                <li role="presentation" class="parentMenu specialCate"><a tabindex="-1" href="#">Recently Added Products</a>
                </li>
                <li role="presentation" class="parentMenu specialCate">
                    <a tabindex="-1" href="#">Frequently Added Products</a></li>
                <ul class="mm-listview">
                                            <li>
                            <a class="mm-next" href="#sub_cat_4" data-target="#sub_cat_4"></a><a tabindex="-1" href="#" catid="4">Women</a>
                                                            
                                                    </li>
                                                <li>
                            <a class="mm-next" href="#sub_cat_5" data-target="#sub_cat_5"></a><a tabindex="-1" href="#" catid="5">Men</a>
                                                            
                                                    </li>
                                                <li>
                            <a class="mm-next" href="#sub_cat_6" data-target="#sub_cat_6"></a><a tabindex="-1" href="#" catid="6">Accessories</a>
                                                            
                                                    </li>
                                                <li>
                            <a class="mm-next" href="#sub_cat_7" data-target="#sub_cat_7"></a><a tabindex="-1" href="#" catid="7">Home &amp; Decor</a>
                                                            
                                                    </li>
                                                <li>
                            <a class="mm-next" href="#sub_cat_8" data-target="#sub_cat_8"></a><a tabindex="-1" href="#" catid="8">Sale</a>
                                                            
                                                    </li>
                                                <li>
                            <a tabindex="-1" href="#" catid="9">VIP</a>
                                                    </li>
                                        </ul>

            </ul>
        </div><div class="mm-panel mm-hasnavbar mm-hidden" id="sub_cat_4"><div class="mm-navbar"><a class="mm-btn mm-prev" href="#mm-1" data-target="#mm-1"></a><a class="mm-title" href="#mm-1">Women</a></div><ul catid="4" class="mm-listview">
                                    <li>
                                        <a catid="4" tabindex="-1" href="#">Women</a>
                                    </li>
                                                                                                                                                                                                                                                                                                                                            <li>
                                                                                                    <a catid="10" tabindex="-1" href="#">New Arrivals</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="11" tabindex="-1" href="#">Tops &amp; Blouses</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="12" tabindex="-1" href="#">Pants &amp; Denim</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="13" tabindex="-1" href="#">Dresses &amp; Skirts</a>
                                                                                            </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul></div><div class="mm-panel mm-hasnavbar mm-hidden" id="sub_cat_5"><div class="mm-navbar"><a class="mm-btn mm-prev" href="#mm-1" data-target="#mm-1"></a><a class="mm-title" href="#mm-1">Men</a></div><ul catid="5" class="mm-listview">
                                    <li>
                                        <a catid="5" tabindex="-1" href="#">Men</a>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li>
                                                                                                    <a catid="14" tabindex="-1" href="#">New Arrivals</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="15" tabindex="-1" href="#">Shirts</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="16" tabindex="-1" href="#">Tees, Knits and Polos</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="17" tabindex="-1" href="#">Pants &amp; Denim</a>
                                                                                            </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li>
                                                                                                    <a catid="40" tabindex="-1" href="#">Blazers</a>
                                                                                            </li>
                                                                                                            </ul></div><div class="mm-panel mm-hasnavbar mm-hidden" id="sub_cat_6"><div class="mm-navbar"><a class="mm-btn mm-prev" href="#mm-1" data-target="#mm-1"></a><a class="mm-title" href="#mm-1">Accessories</a></div><ul catid="6" class="mm-listview">
                                    <li>
                                        <a catid="6" tabindex="-1" href="#">Accessories</a>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li>
                                                                                                    <a catid="18" tabindex="-1" href="#">Eyewear</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="19" tabindex="-1" href="#">Jewelry</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="20" tabindex="-1" href="#">Shoes</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="21" tabindex="-1" href="#">Bags &amp; Luggage</a>
                                                                                            </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul></div><div class="mm-panel mm-hasnavbar mm-hidden" id="sub_cat_7"><div class="mm-navbar"><a class="mm-btn mm-prev" href="#mm-1" data-target="#mm-1"></a><a class="mm-title" href="#mm-1">Home &amp; Decor</a></div><ul catid="7" class="mm-listview">
                                    <li>
                                        <a catid="7" tabindex="-1" href="#">Home &amp; Decor</a>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li>
                                                                                                    <a catid="22" tabindex="-1" href="#">Books &amp; Music</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="23" tabindex="-1" href="#">Bed &amp; Bath</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="24" tabindex="-1" href="#">Electronics</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="25" tabindex="-1" href="#">Decorative Accents</a>
                                                                                            </li>
                                                                                                                                                                                                                                                                                                </ul></div><div class="mm-panel mm-hasnavbar mm-hidden" id="sub_cat_8"><div class="mm-navbar"><a class="mm-btn mm-prev" href="#mm-1" data-target="#mm-1"></a><a class="mm-title" href="#mm-1">Sale</a></div><ul catid="8" class="mm-listview">
                                    <li>
                                        <a catid="8" tabindex="-1" href="#">Sale</a>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li>
                                                                                                    <a catid="26" tabindex="-1" href="#">Women</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="27" tabindex="-1" href="#">Men</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="28" tabindex="-1" href="#">Accessories</a>
                                                                                            </li>
                                                                                                                        <li>
                                                                                                    <a catid="29" tabindex="-1" href="#">Home &amp; Decor</a>
                                                                                            </li>
                                                                                                                                                </ul></div></div>
        
    </div>
<!--<div class="box-demo" id="box-demo">&nbsp;</div>-->
<div id="mm-0" class="mm-page mm-slideout"><div class="demoheader" id="demoheader">
    <div class="demoheader-wrap">
          
            <a class="ms-logo col-1" href="http://www.magestore.com/" title="Magestore.com"><img src="magestore-logo.png"></a>
            <div class="col-2">
				<h2>Web POS v.2.0</h2>
				<!--<p>All data on this website will be reset on 2015-07-10</p>-->
				<!--<p id="countdown-reset"></p>-->
				
				<script type="text/javascript">/* Code removed by ScrapBook */</script>
			</div>
            <div class="right col-3">
                <p>
				                    <a class="product-link" target="_blank" href="http://demo.magestore.com/webpos/index.php/admin/" title="Back-end Demo">Back-end Demo</a>
                					<a class="backend-link" target="_blank" href="http://www.magestore.com/magento-pos-integration-extension.html/" title="Buy Now">Buy Now</a> 
                </p>
                <a class="close-demo" title="Close Demo header">&nbsp;</a>
            </div>
          
    </div>
</div><div id="demoheader-off" class="demoheader-off">
    <div class="box-close">
		<a class="close-demo" title="Show Demo header">&nbsp;</a>
	</div>
</div><div class="wrapper">
        <noscript>
        <div class="global-site-notice noscript">
            <div class="notice-inner">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong><br />
                    You must have JavaScript enabled in your browser to utilize the functionality of this website.                </p>
            </div>
        </div>
    </noscript>
    <div class="global-site-notice demo-notice">
        <div class="notice-inner"><p>This is a demo store. Any orders placed through this store will not be honored or fulfilled.</p></div>
    </div>
    <div class="page">
                <div class="col1-layout">
            <div class="main">
                                <div class="col-main">
                                        
<script type="text/javascript">/* Code removed by ScrapBook */</script>


<!-- end model link --><style type="text/css">
/* Code tidied up by ScrapBook */
#popup-customer ul { overflow-x: hidden ! important; overflow-y: auto ! important; }
.ui-widget-header, .footer #cancel-sale-btn button:hover, .discount-webpos .discount-type button.btn2, .discount-webpos .choose-discount .btn2, .custom_price_tab .discount-type .btn2, .discount-webpos .top-title, #edit_cart_item_popup .product_tab .common .choose, .custom_price_tab .custom-price button, #bt_remove_tax, #count_cash_area button, #current_balance_line, .webpos_popup_area .top_content .popup_title, #holded_orders_section .content .item .bt_reload_order, #holded_orders_section .content .item .bt_delete_holded_order, #bt_hold_order, #reports_area button, #cashdrawer_area button, #reports_area .top-content .title-page, #cashdrawer_area .top-content .title-page, #holded_orders_detail .top-content .title-page, #holded_orders_section .top-content .title-page, #pending_orders_popup .panel-heading, #order-success button.new-order, #orders_area #orderlist-search-form, #create-customer .modal-content .top-create, #shipping-address .modal-content .top-create, #popup-customer button, .product_list .product .product_options ul .product-name h2, .btn-warning, #order_info .checkout_buttons_area button.btn-warning, #shipping_area #edit_shipping_address, #settings_area .top-content, #orders_area .order-detail .send-email .top-form, #orders_area .order-detail .refund .top-form, #orders_area .form-search, #orders_area .order-detail .top-order .head-view-order, .top_bar.left, #pos_container #main_container .col_right .top_bar, #bt_checkout { background: rgb(255, 165, 0) none repeat scroll 0% 0% ! important; border-color: rgb(255, 165, 0) ! important; }
#current_balance_line .balance_wrapper .current_balance_fake { color: rgb(255, 165, 0) ! important; }
#total_wp strong { line-height: 50px; padding-left: 15px; }
#total_wp #grand_total_wp_show_hide strong { line-height: initial; padding-left: initial; }
</style>
<style type="text/css" id="css_from_js">
/* Code tidied up by ScrapBook */
</style>
<script type="text/javascript">/* Code removed by ScrapBook */</script>

<div class="webpos_overlay" id="webpos_number_board_overlay" style="display: none;"></div>
<div id="webpos_number_board" class="form-group webpos_number_board" currentinput="webpos_number_board_default_input" style="left: 50%; top: 150vh;">
    <ul>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="1">1</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="2">2</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="3">3</button>
        </li>
    </ul>        
    <ul>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="4">4</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="5">5</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="6">6</button>
        </li>
    </ul>
    <ul>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="7">7</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="8">8</button>
        </li>
        <li class="col-lg-4 col-md-4  col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="9">9</button>
        </li>
    </ul>
    <ul>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput decimalSymbol" value=".">.</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="0">0</button>
        </li>
        <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <button type="button" class="btn btn-default numberInput" value="00">00</button>
        </li>        
    </ul>
    <ul>
        <li class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <button type="button" class="btn btn-default clear-number"></button>
        </li>  
    </ul>
</div>
<input id="webpos_number_board_default_input" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%;" type="hidden">
<script type="text/javascript">/* Code removed by ScrapBook */</script>

<div id="splitship_area" class="webpos_popup_area" style="display: none; width: 80vw; margin-top: 7vh; position: fixed; z-index: 99; margin-left: -40vw; left: 50%; top: 100vh;">
    <div class="webpos_popup_loader" style="display: none;">
        <div class="img-ajax"></div>
    </div>
    <div class="top_content">
        <div class="popup_title">
            <h2>Items to Ship</h2>
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <div class="popup_content" style="max-height: 70vh; min-height: 40px; overflow: auto;">

    </div>
    <div class="bottom_buttons">
        <div class="track_number_form col-lg-10 col-md-10 col-sm-10 col-xs-10"><label class="col-lg-5 col-md-5 col-sm-5 col-xs-5">Track Number</label><input class="col-lg-5 col-md-5 col-sm-5 col-xs-5" id="track_number"></div>
        <button type="button" class="btn btn-default btn-back">Cancel</button>
        <button type="button" class="btn btn-default btn-next">Done</button>
    </div>
</div>
<script type="text/javascript">/* Code removed by ScrapBook */</script><script type="text/javascript">/* Code removed by ScrapBook */</script><script type="text/javascript">/* Code removed by ScrapBook */</script>

<div id="offline_receipt_template" class="hide">
    
<style>
/* Code tidied up by ScrapBook */
@media (max-width: 480px) {
  .items-view table .row-total { display: none; }
}
@media (max-width: 380px) {
  .items-view table .item-name { max-width: 120px; }
  .items-view table .price-container, .items-view table .tax { display: none ! important; }
  .items-view table .row-total { display: table-cell ! important; }
}
* { box-sizing: border-box; }
html { font-size: 13px; }
body, h1, h2, h3, h4, h5, h6, ul { padding: 0px; margin: 0px; font-weight: normal; }
table { border-spacing: 0px; }
ul { list-style: outside none none; }
.paper { margin: 0px; padding: 5px 0px; }
.logo-container, .store-info, .print-footer { text-align: center; }
.items-view { padding: 3px 0px; margin-bottom: 7px; }
.items-view table { width: 100%; text-align: right; font-size: inherit; font-weight: inherit; border-collapse: separate; }
.items-view table thead { vertical-align: top; }
.items-view table tbody { vertical-align: top; }
.items-view table td, .items-view table th { border-left: 10px solid transparent; }
.items-view table td:first-child, .items-view table th:first-child { border-left: medium none; }
.items-view table .item-name { overflow: hidden; white-space: normal; text-transform: capitalize; }
.total-zone { margin-bottom: 7px; text-transform: uppercase; }
.total-zone table { font-weight: inherit; font-size: inherit; width: 100%; }
.shipping_area, .shipping_area address { text-transform: uppercase; font-style: normal; }
.footer { text-align: center; }
.date { text-align: right; }
#store-name { text-transform: uppercase; font-weight: bold; font-size: 30px; }
#store-star { text-transform: uppercase; font-weight: 400; font-size: 16px; }
#store-info { font-weight: 200; font-size: 16px; }
@media screen {
  .paper { margin: 5px auto; max-width: 600px; }
}
@media print {
  body { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
}
@page { margin: 2mm 4mm; }
#print_layout .logo-container img { max-width: 100%; }
</style>
<!--Header-->
<div class="paper fluid-container">

    <div id="print_layout">
                <div class="logo-container container">
                            <img src="logo.png" title="Webpos Receipt Logo" alt="Webpos Receipt Logo">
                        <div id="store-name">INVOICE</div>
            <div id="store-star">**** ****</div>
                            <div id="store-info">Store 123<br>Phone: 3232-3232-12</div> 
                        <div class="header-text"></div> 
            <div class="info-invoice">
                <br><span><span id="offline_receipt_order_number"></span>&nbsp;<br><b id="offline_receipt_order_date"></b></span>
            </div>
                            <div class="user-info">
                    <p style="text-transform: uppercase; margin-bottom: 0px;">CASHIER: <span id="offline_receipt_cashier_name"></span></p>
                </div>
                        <div class="user-info">
                <p style="text-transform: uppercase; margin-top: 0px; margin-bottom: 0px;">CUSTOMER: <span id="offline_receipt_customer_name"></span></p>
            </div>
        </div>

        <div class="shipping_area">
                            <span>SHIPPING : <b id="offline_receipt_shipping_method"></b></span> <br>
                                        <span>PAYMENT :<b id="offline_receipt_payment_method"></b></span>
                    </div>
        <div class="items-view-container container">
            <div class="items-view">
                <table>
                    <thead>
                        <tr>
                            <th class="item-name" data-metadata="item-name" align="left">ITEM</th>
                            <th data-metadata="qty">Qty</th>
                            <th class="price-container" data-metadata="price">PRICE</th>
                            <th class="tax" data-metadata="tax-amount">TAX</th>
                            <th class="row-total" data-metadata="row-total" align="right">SUBTOTAL</th>
                        </tr>
                    </thead>
                    <tbody id="offline_receipt_items">
                    </tbody>
                </table>
            </div>
        </div>
        <div class="total-zone-container container">
            <div class="total-zone">
                <table>
                    <tbody>
                        <tr>
                            <td>Subtotal</td>
                            <td align="right"><strong id="offline_receipt_subtotal"></strong></td>
                        </tr>
                        <tr>
                            <td>Taxes</td>
                            <td align="right"><strong id="offline_receipt_tax"></strong></td>
                        </tr>
                        <tr>
                            <td>Shipping</td>
                            <td align="right"><strong id="offline_receipt_shipping"></strong></td>
                        </tr>
                        <tr>
                            <td style="padding-bottom: 5px;">Total</td>
                            <td align="right"><strong id="offline_receipt_grandtotal"></strong></td>
                        </tr>
                        <tr>
                            <td style="border-top: 1px dashed rgb(0, 0, 0); padding: 2px 0px;"></td>
                            <td style="border-top: 1px dashed rgb(0, 0, 0); padding: 2px 0px;"></td>
                        </tr>
                        <tr id="offline_receipt_row_cashforpos">
                            <td>Cash In( For Web POS only)</td>
                            <td align="right"><strong id="offline_receipt_cashforpos"></strong></td>
                        </tr>
                        <tr id="offline_receipt_row_change">
                            <td>POS Change</td>
                            <td align="right"><strong id="offline_receipt_change"></strong></td>
                        </tr>
                        <tr id="offline_receipt_row_ccforpos">
                            <td>Credit Card ( For Web POS only)</td>
                            <td align="right"><strong id="offline_receipt_ccforpos"></strong></td>
                        </tr>
                        <tr id="offline_receipt_row_cp1forpos">
                            <td>Custom payment 1</td>
                            <td align="right"><strong id="offline_receipt_cp1forpos"></strong></td>
                        </tr>
                        <tr id="offline_receipt_row_cp2forpos">
                            <td>Custom payment 2</td>
                            <td align="right"><strong id="offline_receipt_cp2forpos"></strong></td>
                        </tr>
                        <tr id="offline_receipt_row_codforpos">
                            <td>Cash On Delivery</td>
                            <td align="right"><strong id="offline_receipt_codforpos"></strong></td>
                        </tr>
                        <tr id="offline_receipt_row_balance">
                            <td>Balance</td>
                            <td align="right"><strong id="offline_receipt_balance"></strong></td>
                        </tr>
                    </tbody>
                </table>
            </div>

        </div>
                    <div id="offline_receipt_comment">
            </div>
                    <div class="print-footer" id="store-star">-------- **** --------</div>
        <div class="print-footer"> Thank you for shopping at our store.We hope you enjoy your purchase and look forward to serving you again. </div>
    </div>
</div>
</div><div id="login-webpos" class="modal hide">
     <div class="modal-dialog">
         <div class="modal-content">
			 <img id="login_loader" class="hide" src="ajax-loader2.gif">
             <div class="login-webpos">
                 <form id="webpos_login" class="form-login">
                     <div class="logo form-group"><img class="img-responsive center-block" src="logo.png"></div>                     
                     <div class="form-group">
                         <input id="login_username" value="demo" name="username" placeholder="Username" class="input-text required-entry form-control validation-passed" type="text">
                         <input id="login_password" value="demo123" name="password" placeholder="Password" class="input-text required-entry validate-password form-control validation-passed" type="password">
                     </div>
                     <div class="form-group">
                         <button type="button" class="btn btn-warning validation-passed" title="Login" name="">Login</button>
                     </div>
                 </form>
             </div>
         </div>
     </div>
 </div>
 <div class="fade-login hide" id="login_overlay"></div>
 <script type="text/javascript">/* Code removed by ScrapBook */</script>

 <div id="webpos_popups"><div id="webpos_popups">
        <div class="webpos_overlay dark_overlay" id="webpos_dark_overlay" style="display: none;"></div>
    <div class="webpos_overlay" id="webpos_overlay" style="display: none;"></div>
    <div id="edit_cart_item_popup" class=" col-lg-3 col-md-3 col-sm-3 col-xs-3" style="display: none;">
        <div class="edit_cart_item_popup">
            <div class="product_tab">
                <div class="product_info">
                    <img src="webpos.htm" class="product_image" id="editpopup_product_image">
                    <div class="product_name" id="editpopup_product_name"></div>
                    <div class="product_message" id="editpopup_product_message"></div>
                </div>
                <div class="product_qty">
                    <div class="bt_desc_qty"><button id="bt_desc_qty" type="button" class="btn btn-warning">-</button></div>
                    <div class="qty_value"><input value="0" id="editpopup_product_qty"></div>
                    <div class="bt_inc_qty"><button id="bt_inc_qty" type="button" class="btn btn-warning">+</button></div>
                </div>
                                    <div class="edit-price common" style="text-align: left;">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                            <button id="btn-custom" class="btn nochoose" type="button">Custom Price</button>
                                                    </div>

                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                                            <button id="btn-discount" class="btn choose" type="button">Discount</button>
                                                    </div>
                    </div>
                    <div class="custom_price common">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 label-type" style="text-align: left;">Discount</div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 item-subtotal">
                            <span></span>
                            <div class="webpos_item_subtotal">$0.00</div>
                        </div>
                    </div>
                                <div class="edit-option common" style="text-align: left;">
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" style="text-align: left;">Options</div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 options">

                    </div>
                </div>
            </div>
            <div class="custom_price_tab">
                <form class="form">
                    <div class="col custom-price">
                        <div class="back-option col-lg-1 col-md-1 col-sm-1 col-xs-1">x</div>
                        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7"><h2 class="label-type">Discount</h2></div>
                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><button type="button" class="btn btn-done" id="change-price">Done</button></div>
                    </div>
                    <div class="col discount-type">
                        <div class="type col-lg-6 col-md-6 col-sm-6 col-xs-6">Type</div>
                        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <button type="button" class="btn btn1" id="btn-percent">%</button>
                            <button type="button" class="btn btn2" id="btn-dollor">$</button>
                        </div>
                    </div>
                    <div class="col input-amount">
                        <div class="amount col-lg-3 col-md-3 col-sm-3 col-xs-3">Amount</div>
                        <div class=" col-lg-9 col-md-9 col-sm-9 col-xs-9"><input placeholder="$0.00" class="input-text form-control" id="discount-amount" type="text"></div>
                    </div>
                    <div class="form-custom">
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="1">1</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="2">2</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="3">3</button>
                            </li>
                        </ul>
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="4">4</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="5">5</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="6">6</button>
                            </li>
                        </ul>
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="7">7</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="8">8</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="9">9</button>
                            </li>
                        </ul>
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default clear-number" id="clear-number"></button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="0">0</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="00">00</button>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
            <div id="edit_options_tab">

            </div>
        </div>
    </div>
    <div class="bg-loading-ajax" id="bg_ajax_loader">
        <div class="img-ajax"></div>
    </div>
    <div id="hiddenArea" class="hide">
        <div id="hiddenContainer" class="hide">
        </div>
        <input id="upload_file_path" value="" type="hidden">
    </div>
    <div class="popup-customer col-lg-4 col-md-4 col-sm-4 col-xs-4" id="popup-customer" style="display: none;">
        <div class="popup-content">
            <div class="btn-create-customer">
                <button id="btn-create" type="button" class="btn btn-warning">Create Customer</button>
            </div>
            <form id="customer_search_form" action="" method="">
                <div class="search">
                    <input class="input-text form-control" placeholder="Search" id="search_customer" type="text">
                </div>
            </form>
            <div id="customer_search_autocomplete_message"></div>
            <div id="customer_search_autocomplete" class="autocomplete">
                <ul id="customer_list">
                                                        </ul>
            </div>

        </div>
    </div>

            <div class="discount-webpos" id="discount-webpos">
            <div class="modal-content">
                <div class="top-title col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <button style="display: none;" id="btn-cancel" class="btn btn-left col-lg-3 col-md-3 col-sm-3 col-xs-3" type="button">Cancel</button>
                    <h2 class="title col-lg-6 col-md-6 col-sm-6 col-xs-6">Discount</h2>
                    <button id="btn-apply" class="btn btn-right col-lg-3 col-md-3 col-sm-3 col-xs-3" type="button">Apply</button>
                </div>
                                    <div class="choose-discount col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <button type="button" class="btn btn1 col-lg-6 col-md-6 col-sm-6 col-xs-6 " id="custome-discount">Custom Discount</button>
                        <button type="button" class="btn btn2 col-lg-6 col-md-6 col-sm-6 col-xs-6 " id="coupon-discount">Coupon Code</button>
                    </div>
                                <div class="form-coupon " style="display: none;">
                    <div class="form-group">
                        <div class="amount col-lg-3 col-md-3 col-sm-3 col-xs-3"></div>
                        <div class=" col-lg-9 col-md-9 col-sm-9 col-xs-9"><input value="" id="apply_discount_coupon_code" placeholder="Coupon Code" class="form-control" type="text"></div>
                    </div>                                      

                </div>
                <form class="form forms-discount active col-lg-12 col-md-12 ">
                    <div class="form-group">
                        <div class="name col col-lg-4 col-md-4 col-sm-4 col-xs-4">Name</div>
                        <div class=" col-lg-8 col-md-8 col-sm-8 col-xs-8"><input id="discount_name" value="" placeholder="Custom Discount" class="input-text form-control" type="text"></div>
                    </div>
                    <div class="form-group discount-type">
                        <div class="shippble col col-lg-6 col-md-6 col-sm-6 col-xs-6">Discount Type</div>
                        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <button type="button" class="btn btn1" id="btn-percentx">%</button>
                            <button type="button" class="btn btn2" id="btn-dollorx">$</button>
                        </div>
                    </div>
                    <div class="form-group input-amount">
                        <div class="amount col col-lg-3 col-md-3 col-sm-3 col-xs-3">Amount</div>
                        <div class=" col-lg-9 col-md-9 col-sm-9 col-xs-9"><input value="$0.00" id="apply_discount_wp" placeholder="$0.00" class="input-text form-control" type="text">
                            <input value="$0.00" id="current_discount" type="hidden">
                        </div>
                    </div>
                    <div class="form-discount">
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="1">1</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="2">2</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="3">3</button>
                            </li>
                        </ul>
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="4">4</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="5">5</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="6">6</button>
                            </li>
                        </ul>
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="7">7</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="8">8</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="9">9</button>
                            </li>
                        </ul>
                        <ul>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default clear-number" id="delete_apply_discount_wp"></button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="0">0</button>
                            </li>
                            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                <button type="button" class="btn btn-default" value="00">00</button>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
        </div>
        
            

    <div id="pending_orders_popup" style="display: none;">
        <div id="pending_orders_loader">
            <div class="img-ajax"></div>
        </div>
        <div class="pospanel">
            <div class="panel-heading"><h2 class="col-sm-9">Offline Orders</h2><button class="btn btn-save">Sync Order(s)</button>
            </div>

            <div class="panel-body">
                <table class="table data order-tables table-responsive" cellspacing="0">
                    <colgroup>
                        <col width="1">
                        <col width="1">
                        <col width="1">
                        <col width="1">
                        <col width="1">
                    </colgroup><thead>
                        <tr class="theadings">
                            <th><input id="cb_all" value="" type="checkbox"></th>
                            <th>Customer Email</th>
                            <th>Grand total</th>
                            <th class="a-center">Cash in</th>
                            <th class="last"></th>
                        </tr>
                    </thead>
                    <tbody class="even" id="pending_orders_content">

                    </tbody>
                </table>

            </div>
        </div>
    </div>
    <!--div id='pending_orders_content' class="hide">          
            <div class='payment_shipping'>
                    <div class='shipping_method col-lg-6 col-md-6 col-sm-6 col-xs-6'>shipping_method</div>
                    <div class='payment_method col-lg-6 col-md-6 col-sm-6 col-xs-6'>payment_method</div>
            </div>
            <div class='detail_data'>
                    <div class="name-product col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <div class='product_name'>abdfgt</div>
                            <div class='product_options'>rwer,gfyfy</div>
                    </div>
                    <div class="product-qty col-lg-1 col-md-1 col-sm-1 col-xs-1">
    0                    </div>
                    <div class="price col-lg-4 col-md-4 col-sm-4 col-xs-4">
                            <span class='webpos_item_subtotal row_total'>0</span>
                    </div>
                    <div class='clear'></div>
            </div>
    </div-->


    


    <!-- Hold orders -->
        <div id="holded_orders_section" class="col-lg-7 col-md-7 col-sm-7 col-xs-7 col_left setting-right" style="left: -100vw; top: 0px; z-index: 0;">
        <div id="holded_orders_section_loader" style="display: none;">
            <div class="img-ajax"></div>
        </div>
        <div class="top-content">
            <div class="title-page col-lg-12 col-md-12 col-sm-12 col-xs-12 title-general">
                <h2>On-Hold Orders</h2>
            </div>
        </div>
        <div class="content" id="holded_orders_list_grid">
                    </div>
    </div>
    <div id="holded_orders_detail" class="col_left setting-right">
        <div id="holded_orders_detail_loader" class="webpos_popup_loader" style="display: none;">
            <div class="img-ajax"></div>
        </div>
        <div class="top-content">
            <div class="title-page col-lg-12 col-md-12 col-sm-12 col-xs-12 popup_title">
                <h2>Order <span class="order_id"></span></h2>
            </div>
        </div>
        <div class="clear"></div>
        <div class="content" id="holded_orders_detail_content">

        </div>
    </div>
    <div id="before_hold_popup" class="hide" style="top: 120vh;">
        <div id="before_hold_popup_loader" class="webpos_popup_loader" style="display: none;">
            <div class="img-ajax"></div>
        </div>
        <div class="comment">
            <div class="title col col-lg-7 col-md-7 col-sm-7 col-xs-7">Note for holding order</div>
            <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;"><button class="btn btn-warning" style="float: right; margin: 5px;">Save</button></div>                                            
            <textarea id="hold_order_descreption"></textarea>
            <div id="hold_order_descreption_hidden" class="hide"></div>
        </div> 
    </div>
    
    <!-- Tills -->
            <div id="till_area" class="webpos_popup_area" style="top: -100vh;">
            <div class="webpos_popup_loader" style="display: none;">
                <div class="img-ajax"></div>
            </div>
            <div class="top_content">
                <div class="popup_title">
                    <h2>Please select your cash drawer!</h2>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
            <div class="popup_content">
                <ul>
                    <li class="till_item  only_one_cash_drawer " id="till_1">Cash Drawer Default</li>                </ul>
            </div>
        </div>

        <input id="set_transac_flag" name="set_transac_flag" value="" type="hidden">
        <input id="transfer_val" name="transfer_val" value="" type="hidden">

        <div id="cashdrawer_area" class="col-lg-7 col-md-7 col-sm-7 col-xs-7 col_left setting-right" style="left: -100vw; top: 0px; z-index: 0;">
            <div id="cashdrawer_section_loader" class="webpos_popup_loader" style="display: none;">
                <div class="img-ajax"></div>
            </div>
            <div class="top-content">
                <div class="title-page col-lg-12 col-md-12 col-sm-12 col-xs-12 title-general">
                    <h2>Cash Drawer Management</h2>
                </div>
            </div>
            <div class="clear"></div>
            <div class="content" id="cashdrawer_grid">
                <div id="manual_transfer">
                    <p class="label">Other Transactions:</p>

                    <p class="cash-amount">
                        <input id="transaction_amount" name="transaction_amount" placeholder="Cash Amount" value="" class="txt_amount" type="text">
                    </p>

                    <p class="cash-type">
                        <select size="1" name="transaction_type" id="transaction_type" class="control">
                            <option value="in">Cash In</option>
                            <option value="out">Cash Out</option>
                        </select>
                    </p>
                    <p class="control">
                        <button type="button" value="Submit" id="transaction_submit" class=""><span>Submit</span></button>
                    </p>
                    <div id="current_balance_line">
                        <div class="balance_wrapper">
                            <div id="current_balance_loader" class="webpos_popup_loader" style="display: none;">
                                <div class="img-ajax"></div>
                            </div>
                            <div class="label"> Current Balance</div>
                            <span class="current_balance"></span>
                            <span class="current_balance_fake"></span>
                        </div>
                    </div>

                    <div class="clear"></div>
                </div>
                <div class="clear"></div>

                <div style="clear: both; font-size: 11px;">
                    <span style="display: none; color: green;" id="transaction_saved"> </span>
                    <span style="display: none; color: red;" id="transaction_not_saved"> </span>
                </div>
                <div id="transaction_note_wapper" style="display: none;">
                    <textarea name="transaction_note" id="transaction_note" placeholder="Note"></textarea>
                    <a href="#clear" id="transaction_note_clear">Clear</a>
                </div>
                <div class="tran-list">
                    <div id="transaction_grid" style="max-height: 442px;"></div>
                    <div class="bottom_control">
                        <button type="button" class="" data-toggle="collapse" data-target="#transaction_export">
                            Export Data                        </button>
                        <div class="clear"></div>
                        <div id="transaction_export" class="collapse out">
                            <a title="Excel" href="#"><img src="xls.png"></a>
                            <a title="PDF" href="#"><img src="pdf.png"></a>
                            <a title="CSV" href="#"><img src="csv.png"></a>
                            <a title="Doc" href="#"><img src="word.png"></a>
                            <!--a title="PNG" href="#" onclick="$D('#transaction_table').tableExport({type: 'png', escape: 'false'});"><img src='http://demo.magestore.com/webpos/skin/frontend/base/default/css/magestore/webpos/images/png.png' /></a-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    
            <div id="reports_area" class="col-lg-7 col-md-7 col-sm-7 col-xs-7 col_left setting-right" style="left: -100vw; top: 0px; z-index: 0;">
            <div id="reports_section_loader" class="webpos_popup_loader" style="display: none;">
                <div class="img-ajax"></div>
            </div>
            <div class="top-content">
                <div class="title-page col-lg-12 col-md-12 col-sm-12 col-xs-12 title-general">
                    <h2 id="reports_title">Reports</h2>
                </div>
            </div>
            <div class="clear"></div>
            <div class="content">
                <div id="reports_control">
                    <p class="label">Report type:</p>
                    <p class="report_type">
                        <select name="report_type" id="report_type" class="control">
                            <option value="">-- Please select report type --</option>
                            <option value="x_report">X-Report (mid-day report)</option>                             <option value="z_report">Z-Report (end-of-day report)</option>                            <option value="eod_report">Daily Report on POS Orders</option>                                                    </select>
                    </p>
                    <button class="" type="button">Refresh</button>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                <div class="tran-list">
                    <table id="report_filter" class="hide" style="width: 100%;">
                        <tbody><tr>
                            <td>
                                <table class="table-bordered webpos_bordered_table">
                                    <thead>
                                    <tr><th style="width: 30%;">Type</th>
                                    <th style="width: 30%;">Order Status</th>
                                    <th style="width: 20%;" class="align_right">From</th>
                                    <th style="width: 20%;" class="align_right">To</th>    
                                    </tr></thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <select id="s_report_type">
                                                    <option value="cashier">Cashier</option>
                                                    <option value="location">Location</option>
                                                    <option value="customer_group">Customer Group</option>
                                                    <option value="payment">Payment Method</option>
                                                    <option value="general">General</option>
                                                </select>
                                            </td>
                                            <td>
                                                <select id="s_report_status" multiple="">
                                                    <option value="complete">Complete</option>
                                                    <option value="pending">Pending</option>
                                                    <option value="processing">Processing</option>
                                                </select>
                                            </td>
                                            <td class="align_right"><input id="s_report_from" class=" form-control webpos_datetime_picker" type="text"></td>                                    
                                            <td class="align_right"><input id="s_report_to" class=" form-control webpos_datetime_picker" type="text"></td>                              
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody></table>
                    <div id="report_grid" style="max-height: 652px;"></div>
                    <div class="bottom_control hide" id="sreport_export">
                        <button type="button" class="" data-toggle="collapse" data-target="#sreport_export_type">
                            Export Data                        </button>
                        <div class="clear"></div>
                        <div id="sreport_export_type" class="collapse out">
                            <a title="Excel" href="#"><img src="xls.png"></a>
                            <a title="PDF" href="#"><img src="pdf.png"></a>
                            <a title="CSV" href="#"><img src="csv.png"></a>
                            <a title="Doc" href="#"><img src="word.png"></a>
                            <!--a title="PNG" href="#" onclick="$D('#sreport_table').tableExport({type: 'png', escape: 'false'});"><img src='http://demo.magestore.com/webpos/skin/frontend/base/default/css/magestore/webpos/images/png.png' /></a-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="webpos_overlay" id="webpos_medium_overlay" style="display: none;"></div>
        <div id="webpos_fixed_overlay" class="fixed_overlay" style="display: none;"></div>
         
            <div id="count_cash_area">
                                <div class="dataTable-gird content">
                    <table id="count_cash_table" class="webpos_bordered_table">
                        <tbody><tr>
                            <td style="width: 50%; font-weight: bold;" colspan="2">Note Value</td>
                            <td style="width: 15%; font-weight: bold;">Count</td>
                            <td style="width: 15%; font-weight: bold;">Sum</td>
                        </tr>
                        
                                <tr>
                                    <td style="vertical-align: middle; text-align: left;">$1 note</td>
                                    <td style="vertical-align: middle; text-align: left;"> 1</td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control count_value manual_cal" id="count_0" denovalue=" 1" type="text"></td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control sum_value manual_cal count_0" denovalue=" 1" iddeno="0" type="text"></td>
                                </tr>
                                
                                <tr>
                                    <td style="vertical-align: middle; text-align: left;"> $5 note </td>
                                    <td style="vertical-align: middle; text-align: left;"> 5</td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control count_value manual_cal" id="count_1" denovalue=" 5" type="text"></td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control sum_value manual_cal count_1" denovalue=" 5" iddeno="1" type="text"></td>
                                </tr>
                                
                                <tr>
                                    <td style="vertical-align: middle; text-align: left;">$10 note </td>
                                    <td style="vertical-align: middle; text-align: left;"> 10</td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control count_value manual_cal" id="count_2" denovalue=" 10" type="text"></td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control sum_value manual_cal count_2" denovalue=" 10" iddeno="2" type="text"></td>
                                </tr>
                                
                                <tr>
                                    <td style="vertical-align: middle; text-align: left;">$50 note </td>
                                    <td style="vertical-align: middle; text-align: left;"> 50</td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control count_value manual_cal" id="count_3" denovalue=" 50" type="text"></td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control sum_value manual_cal count_3" denovalue=" 50" iddeno="3" type="text"></td>
                                </tr>
                                
                                <tr>
                                    <td style="vertical-align: middle; text-align: left;">$100 note </td>
                                    <td style="vertical-align: middle; text-align: left;"> 100</td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control count_value manual_cal" id="count_4" denovalue=" 100" type="text"></td>
                                    <td><input style="height: 28px; line-height: 28px;" value="-" class="form-control sum_value manual_cal count_4" denovalue=" 100" iddeno="4" type="text"></td>
                                </tr>
                                                    </tbody></table>
                </div>
                <div class="bottom">
                    <button class="scalable" id="btn_clear">Clear</button>
                    <button class="scalable" id="btn_total">Total</button>
                    <input value="0" id="total_count" type="hidden">
                </div>
            </div>
            
            </div></div>
<!--S: Daniel - updated 10/10/2016 -->
<!--S: Daniel - updated 10/10/2016 - new multipayment calculation -->
<script>/* Code removed by ScrapBook */</script>
<!--E: Daniel - updated 10/10/2016 - new multipayment calculation --><!--E: Daniel - updated 10/10/2016 -->

<div class="bg-create-customer" style="display: none;"></div>
<div id="create-customer" class="modal">
    <div class="modal-dialog">
    <div class="modal-content">
        <div id="form-create-customer-loader"></div>
        <div class="create-customer-fr">                
            <form id="form-create-customer" class="form-create" method="POST">
                <div class="top-create col-lg-12 col-md-12 col-sm-12 col-xs-12">                        
                    <div class="btn-cancel col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <button type="button" class="btn btn-default">Cancel</button>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><h2>New Customer</h2></div>
                    <div class="btn-save col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <button type="button" class="btn btn-default">Save</button>
                    </div>
                </div>
                                <div class="input-box col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 10px;">
                    <select name="billing[group_id]" id="billing:group_id" class="billingdata form-control" title="Group" fieldkey="group_id"></select>                </div>
                <div id="billing_form" class="">
                    <input name="billing[address_id]" value="" id="billing:address_id" type="hidden">
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="firstname" id="first_name" value="" name="billing[firstname]" placeholder="First name" class="input-text required-entry form-control billingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="lastname" id="last_name" value="" name="billing[lastname]" placeholder="Last name" class="input-text required-entry form-control billingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="email" id="email_address" value="" name="billing[email]" placeholder="Email" class="input-text required-entry validate-email form-control billingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="telephone" id="phone_number" value="" name="billing[telephone]" placeholder="Phone" class="input-text form-control billingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input fieldkey="street0" id="address_1" value="" name="billing[street][0]" placeholder="Address Line 1" class="input-text form-control billingdata" type="text">
                        </div>                         
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input fieldkey="street1" id="address_2" value="" name="billing[street][1]" placeholder="Address Line 2" class="input-text form-control billingdata" type="text">
                        </div>                         
                    </div>
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="city" id="city" value="" name="billing[city]" placeholder="City" class="input-text form-control billingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="postcode" id="zipcode" value="" name="billing[postcode]" placeholder="Zip" class="input-text form-control billingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="input-box col-lg-6 col-md-6 col-sm-6 col-xs-6">                            
                            <select name="billing[country_id]" id="billing:country_id" class="billingdata" title="Country" fieldkey="country"><option value=""> </option><option value="AF">Afghanistan</option><option value="AX">Åland Islands</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctica</option><option value="AG">Antigua and Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BV">Bouvet Island</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="VG">British Virgin Islands</option><option value="BN">Brunei</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="CV">Cape Verde</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos [Keeling] Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo - Brazzaville</option><option value="CD">Congo - Kinshasa</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="CI">Côte d’Ivoire</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FK">Falkland Islands</option><option value="FO">Faroe Islands</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="TF">French Southern Territories</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard Island and McDonald Islands</option><option value="HN">Honduras</option><option value="HK">Hong Kong SAR China</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Laos</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macau SAR China</option><option value="MK">Macedonia</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Micronesia</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar [Burma]</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="AN">Netherlands Antilles</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="MP">Northern Mariana Islands</option><option value="KP">North Korea</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestinian Territories</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PN">Pitcairn Islands</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="SH">Saint Helena</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">São Tomé and Príncipe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="GS">South Georgia and the South Sandwich Islands</option><option value="KR">South Korea</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syria</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad and Tobago</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks and Caicos Islands</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="US" selected="selected">United States</option><option value="UY">Uruguay</option><option value="UM">U.S. Minor Outlying Islands</option><option value="VI">U.S. Virgin Islands</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VA">Vatican City</option><option value="VE">Venezuela</option><option value="VN">Vietnam</option><option value="WF">Wallis and Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option></select>                              
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <select fieldkey="region_id" id="billing:region_id" name="billing[region_id]" class="billingdata required-entry validate-select" title="State/Province">
                                <option value="">Please select state or province</option>
                            <option value="1" title="Alabama">Alabama</option><option value="2" title="Alaska">Alaska</option><option value="3" title="American Samoa">American Samoa</option><option value="4" title="Arizona">Arizona</option><option value="5" title="Arkansas">Arkansas</option><option value="6" title="Armed Forces Africa">Armed Forces Africa</option><option value="7" title="Armed Forces Americas">Armed Forces Americas</option><option value="8" title="Armed Forces Canada">Armed Forces Canada</option><option value="9" title="Armed Forces Europe">Armed Forces Europe</option><option value="10" title="Armed Forces Middle East">Armed Forces Middle East</option><option value="11" title="Armed Forces Pacific">Armed Forces Pacific</option><option value="12" title="California">California</option><option value="13" title="Colorado">Colorado</option><option value="14" title="Connecticut">Connecticut</option><option value="15" title="Delaware">Delaware</option><option value="16" title="District of Columbia">District of Columbia</option><option value="17" title="Federated States Of Micronesia">Federated States Of Micronesia</option><option value="18" title="Florida">Florida</option><option value="19" title="Georgia">Georgia</option><option value="20" title="Guam">Guam</option><option value="21" title="Hawaii">Hawaii</option><option value="22" title="Idaho">Idaho</option><option value="23" title="Illinois">Illinois</option><option value="24" title="Indiana">Indiana</option><option value="25" title="Iowa">Iowa</option><option value="26" title="Kansas">Kansas</option><option value="27" title="Kentucky">Kentucky</option><option value="28" title="Louisiana">Louisiana</option><option value="29" title="Maine">Maine</option><option value="30" title="Marshall Islands">Marshall Islands</option><option value="31" title="Maryland">Maryland</option><option value="32" title="Massachusetts">Massachusetts</option><option value="33" title="Michigan">Michigan</option><option value="34" title="Minnesota">Minnesota</option><option value="35" title="Mississippi">Mississippi</option><option value="36" title="Missouri">Missouri</option><option value="37" title="Montana">Montana</option><option value="38" title="Nebraska">Nebraska</option><option value="39" title="Nevada">Nevada</option><option value="40" title="New Hampshire">New Hampshire</option><option value="41" title="New Jersey">New Jersey</option><option value="42" title="New Mexico">New Mexico</option><option value="43" title="New York">New York</option><option value="44" title="North Carolina">North Carolina</option><option value="45" title="North Dakota">North Dakota</option><option value="46" title="Northern Mariana Islands">Northern Mariana Islands</option><option value="47" title="Ohio">Ohio</option><option value="48" title="Oklahoma">Oklahoma</option><option value="49" title="Oregon">Oregon</option><option value="50" title="Palau">Palau</option><option value="51" title="Pennsylvania">Pennsylvania</option><option value="52" title="Puerto Rico">Puerto Rico</option><option value="53" title="Rhode Island">Rhode Island</option><option value="54" title="South Carolina">South Carolina</option><option value="55" title="South Dakota">South Dakota</option><option value="56" title="Tennessee">Tennessee</option><option value="57" title="Texas">Texas</option><option value="58" title="Utah">Utah</option><option value="59" title="Vermont">Vermont</option><option value="60" title="Virgin Islands">Virgin Islands</option><option value="61" title="Virginia">Virginia</option><option value="62" title="Washington">Washington</option><option value="63" title="West Virginia">West Virginia</option><option value="64" title="Wisconsin">Wisconsin</option><option value="65" title="Wyoming">Wyoming</option></select>
                            <input fieldkey="region" id="billing:region" name="billing[region]" value="" title="State/Province" class="input-text form-control billingdata required-entry" style="display: none;" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="company" id="company" value="" name="billing[company]" placeholder="Company" class="input-text form-control billingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="fax" id="fax_number" value="" name="billing[fax]" placeholder="Fax" class="input-text form-control billingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input fieldkey="vat_id" id="vat_id" value="" name="billing[vat_id]" placeholder="Vat ID" class="input-text form-control billingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <label class="save-in-address-book">Save in Address Book</label>
                            <div class="toggle btn btn-default off" data-toggle="toggle" style="width: 0px; height: 0px;"><input id="save_in_address_book_billing" name="save_in_address_book" data-toggle="toggle" class="input-text" type="checkbox"><div class="toggle-group"><label class="btn btn-primary toggle-on">On</label><label class="btn btn-default active toggle-off">Off</label><span class="toggle-handle btn btn-default"></span></div></div>    
                        </div>                         
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">/* Code removed by ScrapBook */</script></div>
<div id="bg-shipping-address" style="display: none;"></div>
<div id="shipping-address" class="modal">
    <div class="modal-dialog">
    <div class="modal-content">
        <div id="form-shipping-address-loader"></div>
        <div class="create-customer-fr">                
            <form id="form-shipping-address" class="form-create" method="POST">   
                <input name="shipping[address_id]" value="" id="shipping:address_id" type="hidden">
                <input id="shipping:customer_id" value="" name="shipping[customer_id]" style="display: none;" class="input-text" type="text">
                <div class="top-create col-lg-12 col-md-12 col-sm-12 col-xs-12">                        
                    <div class="btn-cancel col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <button type="button" class="btn btn-default" id="btn-canceledit">Cancel</button>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><h2>Edit Shipping Address</h2></div>
                    <div class="btn-save col-lg-3 col-md-3 col-sm-3 col-xs-3">
                        <button type="button" class="btn btn-default">Save</button>
                    </div>
                </div>
                                <div id="shipping_form" class="">
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="firstname" id="shipping:first_name" value="" name="shipping[firstname]" placeholder="First name" class="input-text required-entry form-control shippingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="lastname" id="shipping:last_name" value="" name="shipping[lastname]" placeholder="Last name" class="input-text required-entry form-control shippingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input fieldkey="telephone" id="shipping:phone_number" value="" name="shipping[telephone]" placeholder="Phone" class="input-text form-control shippingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input fieldkey="street0" id="shipping:address_1" value="" name="shipping[street][0]" placeholder="Address Line 1" class="input-text form-control shippingdata" type="text">
                        </div>                         
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input fieldkey="street1" id="shipping:address_2" value="" name="shipping[street][1]" placeholder="Address Line 2" class="input-text form-control shippingdata" type="text">
                        </div>                         
                    </div>
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="city" id="shipping:city" value="" name="shipping[city]" placeholder="City" class="input-text form-control shippingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="postcode" id="shipping:zipcode" value="" name="shipping[postcode]" placeholder="Zip" class="input-text form-control shippingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="input-box col-lg-6 col-md-6 col-sm-6 col-xs-6">                            
<select name="shipping[country_id]" id="shipping:country_id" class="shippingdata" title="Country" fieldkey="country"><option value=""> </option><option value="AF">Afghanistan</option><option value="AX">Åland Islands</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctica</option><option value="AG">Antigua and Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BV">Bouvet Island</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="VG">British Virgin Islands</option><option value="BN">Brunei</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="CV">Cape Verde</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos [Keeling] Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo - Brazzaville</option><option value="CD">Congo - Kinshasa</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="CI">Côte d’Ivoire</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FK">Falkland Islands</option><option value="FO">Faroe Islands</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="TF">French Southern Territories</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard Island and McDonald Islands</option><option value="HN">Honduras</option><option value="HK">Hong Kong SAR China</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Laos</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macau SAR China</option><option value="MK">Macedonia</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Micronesia</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar [Burma]</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="AN">Netherlands Antilles</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="MP">Northern Mariana Islands</option><option value="KP">North Korea</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestinian Territories</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PN">Pitcairn Islands</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Romania</option><option value="RU">Russia</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="SH">Saint Helena</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">São Tomé and Príncipe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="GS">South Georgia and the South Sandwich Islands</option><option value="KR">South Korea</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syria</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad and Tobago</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks and Caicos Islands</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="US" selected="selected">United States</option><option value="UY">Uruguay</option><option value="UM">U.S. Minor Outlying Islands</option><option value="VI">U.S. Virgin Islands</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VA">Vatican City</option><option value="VE">Venezuela</option><option value="VN">Vietnam</option><option value="WF">Wallis and Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option></select>                              
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <select fieldkey="region_id" class="shippingdata required-entry validate-select" id="shipping:region_id" name="shipping[region_id]" title="State/Province">
                                <option value="">Please select state or province</option>
                            <option value="1" title="Alabama">Alabama</option><option value="2" title="Alaska">Alaska</option><option value="3" title="American Samoa">American Samoa</option><option value="4" title="Arizona">Arizona</option><option value="5" title="Arkansas">Arkansas</option><option value="6" title="Armed Forces Africa">Armed Forces Africa</option><option value="7" title="Armed Forces Americas">Armed Forces Americas</option><option value="8" title="Armed Forces Canada">Armed Forces Canada</option><option value="9" title="Armed Forces Europe">Armed Forces Europe</option><option value="10" title="Armed Forces Middle East">Armed Forces Middle East</option><option value="11" title="Armed Forces Pacific">Armed Forces Pacific</option><option value="12" title="California">California</option><option value="13" title="Colorado">Colorado</option><option value="14" title="Connecticut">Connecticut</option><option value="15" title="Delaware">Delaware</option><option value="16" title="District of Columbia">District of Columbia</option><option value="17" title="Federated States Of Micronesia">Federated States Of Micronesia</option><option value="18" title="Florida">Florida</option><option value="19" title="Georgia">Georgia</option><option value="20" title="Guam">Guam</option><option value="21" title="Hawaii">Hawaii</option><option value="22" title="Idaho">Idaho</option><option value="23" title="Illinois">Illinois</option><option value="24" title="Indiana">Indiana</option><option value="25" title="Iowa">Iowa</option><option value="26" title="Kansas">Kansas</option><option value="27" title="Kentucky">Kentucky</option><option value="28" title="Louisiana">Louisiana</option><option value="29" title="Maine">Maine</option><option value="30" title="Marshall Islands">Marshall Islands</option><option value="31" title="Maryland">Maryland</option><option value="32" title="Massachusetts">Massachusetts</option><option value="33" title="Michigan">Michigan</option><option value="34" title="Minnesota">Minnesota</option><option value="35" title="Mississippi">Mississippi</option><option value="36" title="Missouri">Missouri</option><option value="37" title="Montana">Montana</option><option value="38" title="Nebraska">Nebraska</option><option value="39" title="Nevada">Nevada</option><option value="40" title="New Hampshire">New Hampshire</option><option value="41" title="New Jersey">New Jersey</option><option value="42" title="New Mexico">New Mexico</option><option value="43" title="New York">New York</option><option value="44" title="North Carolina">North Carolina</option><option value="45" title="North Dakota">North Dakota</option><option value="46" title="Northern Mariana Islands">Northern Mariana Islands</option><option value="47" title="Ohio">Ohio</option><option value="48" title="Oklahoma">Oklahoma</option><option value="49" title="Oregon">Oregon</option><option value="50" title="Palau">Palau</option><option value="51" title="Pennsylvania">Pennsylvania</option><option value="52" title="Puerto Rico">Puerto Rico</option><option value="53" title="Rhode Island">Rhode Island</option><option value="54" title="South Carolina">South Carolina</option><option value="55" title="South Dakota">South Dakota</option><option value="56" title="Tennessee">Tennessee</option><option value="57" title="Texas">Texas</option><option value="58" title="Utah">Utah</option><option value="59" title="Vermont">Vermont</option><option value="60" title="Virgin Islands">Virgin Islands</option><option value="61" title="Virginia">Virginia</option><option value="62" title="Washington">Washington</option><option value="63" title="West Virginia">West Virginia</option><option value="64" title="Wisconsin">Wisconsin</option><option value="65" title="Wyoming">Wyoming</option></select>
                            <input fieldkey="region" id="shipping:region" name="shipping[region]" value="" title="State/Province" class="input-text form-control shippingdata required-entry" style="display: none;" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="company" id="shipping:company" value="" name="shipping[company]" placeholder="Company" class="input-text form-control shippingdata" type="text">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <input fieldkey="fax" id="shipping:fax_number" value="" name="shipping[fax]" placeholder="Fax" class="input-text form-control shippingdata" type="text">
                        </div>
                    </div>
                    <div class="">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <label class="save-in-address-book">Save in Address Book</label>
                            <div class="toggle btn btn-default off" data-toggle="toggle" style="width: 0px; height: 0px;"><input id="save_in_address_book" name="save_in_address_book" data-toggle="toggle" class="input-text" type="checkbox"><div class="toggle-group"><label class="btn btn-primary toggle-on">On</label><label class="btn btn-default active toggle-off">Off</label><span class="toggle-handle btn btn-default"></span></div></div>    
                        </div>                         
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">/* Code removed by ScrapBook */</script></div>
<div id="pos_container">
    <div id="main_container" class="row marginLeft5vw" style="width: 1323px;">
        <div id="menu" class=""><div class="overlay_menu" style="display: none;"></div>
<ul class="pos_menu">
    <li class="menu_item active" id="show-option">        
        <div class="common account"></div>
        <p>Account</p>
        <div class="box-logout" style="display: none;">
            <ul class="sub_menu">
                <div class="border-content">
                    <li class="log" id="">
                        <img style="max-height: 110px;" src="logo.png">
                    </li>
                    <li class="display_name" id="display_name">
                        <label class="short_name">d</label>&gt;
                        <span class="full_name">demo</span>
<!--                        <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-chevron-up hide" aria-hidden="true"></span>-->
                    </li>
                    <br><br><!-- endl Magnus(4543) -->
                    <li class="log-item" id="logout">
                        <a class="btn btn-default" style="" href="http://demo.magestore.com/webpos/webpos/index/logoutPost/">
                            <span><img src="icon-logout.png"></span>
                            <span>Log out</span>              
                        </a>
                    </li>        
                </div>
            </ul>
        </div>
    </li>
            <li class="menu_item menuactive" id="checkout">
            <div class="common checkout"></div>
            <p>Checkout</p>
        </li>
                <li class="menu_item" id="orders" onclick="menuClick(this)">
            <div class="common orders"></div>
            <p>Orders</p>
        </li>
      
    <li class="menu_item" id="holded_orders">
        <div class="common holded_orders"></div>
        <p>On-hold Orders</p>
    </li>
            <li class="menu_item" id="cash_drawer">
            <div class="common cashdrawer"></div>
            <p>Cash Drawer</p>
        </li>   
                <li class="menu_item" id="reports">
            <div class="common reports"></div>
            <p>Reports</p>
        </li>   
        <li class="menu_item" id="settings">
        <div class="common settings"></div>
        <p>Settings</p>
    </li>
</ul>
<div class="store_view">    
            <div id="pending_orders">
            <button title="Offline Orders"><div id="number_order_pending" class="number_order">0</div>Offline Orders</button>
        </div>
            <div id="webpos_currency">
            </div>
    <div id="webpos_websites">
        <div class="webpos_liststore">
    <select name="webpos_liststore">
                            <option selected="" 1="" value="http://demo.magestore.com/webpos/webpos/index/index/">
                        Madison Island - English                    </option>
                                        <option value="http://demo.magestore.com/webpos/webpos/index/index/?___store=french">
                        Madison Island - French                    </option>
                                        <option value="http://demo.magestore.com/webpos/webpos/index/index/?___store=german">
                        Madison Island - German                    </option>
                        </select>
</div>
    </div>
</div>

<!-- Endl Magnus(7686) --></div>
        <div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 col_left" id="product-left">
            <div id="col_left_loader">
                <div class="img-ajax"></div>
                <div class="loading_message">
                    Loading product information                </div>
            </div>
            <div id="col_left_firsttime_loader">
                <div class="img-ajax"></div>
                <div class="loading_message">
                    Loading products information for the first time use, this may take a few minute. Please wait...                    <div id="loading_status"></div>
                </div>
            </div>
            <div class="top_bar left">
                <!--
                <div class="incon-menu col-lg-1 col-md-1 col-sm-1 col-xs-1">
                    <img onclick="showHideMenu('checkout')" id='showmenu_icon' class='pointerCursor' src='http://demo.magestore.com/webpos/skin/frontend/base/default/images/icon/menu.png'/>
                </div>
                -->
                <div class="top_bar_right col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="category col-lg-4 col-md-4 col-sm-4 col-xs-4 " id="category_area">
                        
<div class="dropdown" id="category_dropdown">
    <div class="action-filter">
        <a class="menu-all-cats start_cat" href="#menu2"><span class="caret"></span><span>All Categories</span></a>
        <a class="menu-all-cats upload_cat" href="#menu2"><span class="caret"></span><span class="text">All Categories</span></a>
    </div>
    

</div>

<script type="text/javascript">/* Code removed by ScrapBook */</script>
                    </div>
                    <!--
                   <div class='product_search width10percentage' id='product_search_area'>
                       <img onclick="showSearchForm()" id='search_icon' class='pointerCursor' src='http://demo.magestore.com/webpos/skin/frontend/base/default/images/icon/search.png' />
                   </div>
                    -->
                    <div class="product_search col-lg-8 col-md-8 col-sm-8 col-xs-8 " id="product_search">
                        <form id="product_search_form" action="" method="">
                            <input class="form-control" placeholder="Enter search terms or scan barcodes" id="product_search_keyword" name="keyword" type="text">
                        </form>
                    </div>
                    <!--
                  <div onclick="cancelSearch()" class='col-lg-1 col-md-1 col-sm-1 col-xs-1 pointerCursor hide' id='cancel_search_icon'>
                      <img src='http://demo.magestore.com/webpos/skin/frontend/base/default/images/icon/cancel.png' />
                  </div>
                   
                  <div id="global_search_autocomplete" class="autocomplete" style="z-index:10;overflow-y:auto;max-height:450px; width: 98% !important"></div>
                    -->
                </div>
                <div class="clear"></div>
            </div>
            <div class="col_content_left">
                <div id="content" style="height: 637px;">
                    <div id="product_content"><!-- Product list -->

    <div class="product_list">
        <ul class="product-slide" id="product_list_wrapper">
                                <li class="rows ">
                                        <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="24.36" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_337" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="337">
						<div class="img-product">
							<div class="prd_sku">ace000</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$295.00</span></span></div><img class="product_image" src="ace000a_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/a/c/ace000a_1.jpg">
						</div>
						<h2 id="prd_name_337">Aviator Sunglasses</h2>
						<p id="prd_fullname_337" class="hide">Aviator Sunglasses</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="12.39" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_372" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="372">
						<div class="img-product">
							<div class="prd_sku">abl002</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$150.00</span></span></div><img class="product_image" src="abl002b_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/a/b/abl002b_1.jpg">
						</div>
						<h2 id="prd_name_372">Flatiron Tablet Sleeve</h2>
						<p id="prd_fullname_372" class="hide">Flatiron Tablet Sleeve</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="53.67" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_375" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="375">
						<div class="img-product">
							<div class="prd_sku">abl005</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$650.00</span></span></div><img class="product_image" src="abl005a_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/a/b/abl005a_1.jpg">
						</div>
						<h2 id="prd_name_375">Roller Suitcase</h2>
						<p id="prd_fullname_375" class="hide">Roller Suitcase</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="2.31" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_380" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="380">
						<div class="img-product">
							<div class="prd_sku">hdb002</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$28.00</span></span></div><img class="product_image" src="hdb002_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdb002_1.jpg">
						</div>
						<h2 id="prd_name_380">Shea Enfused Hydrating Body Lotion</h2>
						<p id="prd_fullname_380" class="hide">Shea Enfused Hydrating Body Lotion</p>
					</div> </div>		   
                    
                                    </li>
                                                    <li class="rows ">
                                        <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="17.34" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_382" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="382">
						<div class="img-product">
							<div class="prd_sku">hdb006</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$210.00</span></span></div><img class="product_image" src="hdb006_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdb006_1.jpg">
						</div>
						<h2 id="prd_name_382">Shay Printed Pillow</h2>
						<p id="prd_fullname_382" class="hide">Shay Printed Pillow</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="9.91" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_384" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="384">
						<div class="img-product">
							<div class="prd_sku">hdb008</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_reg"><span class="price">$240.00</span></span><span class="prd_price_special"><span class="price">$120.00</span></span></div><img class="product_image" src="hdb008_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdb008_1.jpg">
						</div>
						<h2 id="prd_name_384">Park Row Throw</h2>
						<p id="prd_fullname_384" class="hide">Park Row Throw</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="22.71" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_385" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="385">
						<div class="img-product">
							<div class="prd_sku">hdb009</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$275.00</span></span></div><img class="product_image" src="hdb009_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdb009_1.jpg">
						</div>
						<h2 id="prd_name_385">Gramercy Throw</h2>
						<p id="prd_fullname_385" class="hide">Gramercy Throw</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="5.37" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_389" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="389">
						<div class="img-product">
							<div class="prd_sku">hdd004</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$65.00</span></span></div><img class="product_image" src="hdd004_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdd004_1.jpg">
						</div>
						<h2 id="prd_name_389">Stone Salt and Pepper Shakers</h2>
						<p id="prd_fullname_389" class="hide">Stone Salt and Pepper Shakers</p>
					</div> </div>		   
                    
                                    </li>
                                                    <li class="rows ">
                                        <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[{&quot;price_id&quot;:&quot;45&quot;,&quot;website_id&quot;:&quot;0&quot;,&quot;all_groups&quot;:&quot;1&quot;,&quot;cust_group&quot;:32000,&quot;price&quot;:&quot;70.0000&quot;,&quot;price_qty&quot;:&quot;2.0000&quot;,&quot;website_price&quot;:&quot;70.0000&quot;},{&quot;price_id&quot;:&quot;46&quot;,&quot;website_id&quot;:&quot;0&quot;,&quot;all_groups&quot;:&quot;1&quot;,&quot;cust_group&quot;:32000,&quot;price&quot;:&quot;65.0000&quot;,&quot;price_qty&quot;:&quot;3.0000&quot;,&quot;website_price&quot;:&quot;65.0000&quot;}]" qtyinc="1" tax_amount="6.19" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_390" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="390">
						<div class="img-product">
							<div class="prd_sku">hdd005</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$75.00</span></span></div><img class="product_image" src="hdd005_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdd005_1.jpg">
						</div>
						<h2 id="prd_name_390">Fragrance Diffuser Reeds</h2>
						<p id="prd_fullname_390" class="hide">Fragrance Diffuser Reeds</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="7.43" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_391" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="391">
						<div class="img-product">
							<div class="prd_sku">hdd006</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$90.00</span></span></div><img class="product_image" src="hdd006_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hdd006_1.jpg">
						</div>
						<h2 id="prd_name_391">Geometric Candle Holders</h2>
						<p id="prd_fullname_391" class="hide">Geometric Candle Holders</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="59.04" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_393" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="393">
						<div class="img-product">
							<div class="prd_sku">hde003</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$715.00</span></span></div><img class="product_image" src="hde003a_2.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hde003a_2.jpg">
						</div>
						<h2 id="prd_name_393">Madison RX3400</h2>
						<p id="prd_fullname_393" class="hide">Madison RX3400</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="2.48" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_394" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="394">
						<div class="img-product">
							<div class="prd_sku">hde004</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$30.00</span></span></div><img class="product_image" src="hde004__1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hde004__1.jpg">
						</div>
						<h2 id="prd_name_394">16GB Memory Card</h2>
						<p id="prd_fullname_394" class="hide">16GB Memory Card</p>
					</div> </div>		   
                    
                                    </li>
                                                    <li class="rows ">
                                        <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="1.65" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_395" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="395">
						<div class="img-product">
							<div class="prd_sku">hde005</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$20.00</span></span></div><img class="product_image" src="hde005_.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hde005_.jpg">
						</div>
						<h2 id="prd_name_395">8GB Memory Card</h2>
						<p id="prd_fullname_395" class="hide">8GB Memory Card</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="9.91" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_396" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="396">
						<div class="img-product">
							<div class="prd_sku">hde006</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$120.00</span></span></div><img class="product_image" src="hde006t.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hde006t.jpg">
						</div>
						<h2 id="prd_name_396">Large Camera Bag</h2>
						<p id="prd_fullname_396" class="hide">Large Camera Bag</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="2.89" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_397" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="397">
						<div class="img-product">
							<div class="prd_sku">hde010</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$35.00</span></span></div><img class="product_image" src="hde010_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hde010_1.jpg">
						</div>
						<h2 id="prd_name_397">Madison Earbuds</h2>
						<p id="prd_fullname_397" class="hide">Madison Earbuds</p>
					</div> </div>		   
                    
                                                    <div max_sales_qty="10000" min_sales_qty="" tier_price_data="[]" qtyinc="1" tax_amount="10.32" class="product loadedAtList col-lg-3 col-md-3 col-sm-3 col-xs-3" id="prd_398" prd_type="simple" hasoption="0">
					<div class="item" hasoption="0" prdid="398">
						<div class="img-product">
							<div class="prd_sku">hde011</div>
							<div class="prd_price_bg"></div><div class="prd_price"><span class="prd_price_special"><span class="price">$125.00</span></span></div><img class="product_image" src="hde011_1.jpg" imgpath="http://demo.magestore.com/webpos/media/catalog/product/cache/1/thumbnail/120x/9df78eab33525d08d6e5fb8d27136e95/h/d/hde011_1.jpg">
						</div>
						<h2 id="prd_name_398">Madison Overear Headphones</h2>
						<p id="prd_fullname_398" class="hide">Madison Overear Headphones</p>
					</div> </div>		   
                    
                                    </li>
                                                    </ul>
    </div>

</div>
                </div>                
                <div class="customer-sale" style="display: none;">
                    <form class="form col-lg-7 col-md-7 col-sm-8 col-xs-9">
    <div class="form-group bg-white">
        <div class="name col-lg-3 col-md-3 col-sm-3 col-xs-3">Name</div>
        <div class=" col-lg-9 col-md-9 col-sm-9 col-xs-9"><input id="name_custom_sale" placeholder="Customer Sale" class="input-text required-entry form-control" type="text"></div>
    </div>
    <div class="form-group bg-white">
        <div class="shippble col-lg-3 col-md-3 col-sm-3 col-xs-3">Shippable</div>
        <div id="shipable_wp" class=" col-lg-9 col-md-9 col-sm-9 col-xs-9"><div class="toggle btn btn-primary" data-toggle="toggle" style="width: 0px; height: 0px;"><input checked="" data-toggle="toggle" class="input-text" type="checkbox"><div class="toggle-group"><label class="btn btn-primary toggle-on">On</label><label class="btn btn-default active toggle-off">Off</label><span class="toggle-handle btn btn-default"></span></div></div></div>
    </div>
    <div class="form-group bg-white input-price">
        <div class="price col-lg-6 col-md-6 col-sm-6 col-xs-6">Price</div>
        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-6"><input placeholder="$0.00" id="custom_price" class="input-text form-control" type="text"></div>
    </div>      
    <div class="form-group bg-white input-price">
        <div class="price col-lg-6 col-md-6 col-sm-6 col-xs-6">Tax Class Id</div>
        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <select id="custom_sale_tax_class_id">
                <option value="0">None</option>
                                        <option value="2">Taxable Goods</option>
                                                <option value="4">Shipping</option>
                                                <option value="6">Tax Exempt</option>
                                    </select>
        </div>
    </div>
    <div class="form-group bg-white input-price">
        <div class="price col-lg-6 col-md-6 col-sm-6 col-xs-6">Qty</div>
        <div class=" col-lg-6 col-md-6 col-sm-6 col-xs-6"><input placeholder="1" value="1" id="custom_sale_qty" class="input-text form-control" type="text"></div>
    </div>
    <div class="form-group">
        <ul>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="1">1</button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="2">2</button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="3">3</button>
            </li>
        </ul>        
        <ul>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="4">4</button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="5">5</button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="6">6</button>
            </li>
        </ul>
        <ul>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="7">7</button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="8">8</button>
            </li>
            <li class="col-lg-4 col-md-4  col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="9">9</button>
            </li>
        </ul>
        <ul>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button id="delete_custom_sale" type="button" class="btn btn-default clear-number"></button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="0">0</button>
            </li>
            <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <button type="button" class="btn btn-default" value="00">00</button>
            </li>        
        </ul>
    </div>
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"><button type="button" id="add_to_cart_wp" class="btn btn-warning">Add to Cart</button></div>
</form>
<script type="text/javascript">/* Code removed by ScrapBook */</script>
                </div>
            </div>

            <div class="footer ">
                <div class="footer-content">
                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" id="">

                        <div id="numberProduct"> 
                            Totals:  products                        </div>

                        <div id="offline">
                            <button id="mode_status" class="nowonline" value="on">Online</button>
                            <input id="network_status" value="on" type="hidden">
                        </div>
                        <div id="status"></div>
                                                    <div id="till_info" class="bottom_button">Cash Drawer Default</div>
                                            </div>

                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" id="productPager" style="padding: 0px;">

                        <ul class="pager" style="display: none;">
                            <li><a href="#" id="bt_previous_product_page"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span></a></li>
                            <li><a href="#" id="bt_next_product_page"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></a></li>
                        </ul>
                    </div>
                    <div id="customer-sale-btn" class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
                        <button type="button" class="btn">Custom Sale</button>
                    </div>
                    <div id="cancel-sale-btn" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display: none;">
                        <button type="button" class="btn"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span><span>Cancel</span></button>
                    </div>

                </div>

            </div>

        </div>
        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 col_right" id="total-right">
            <div id="col_right_loader">
                <div class="img-ajax"></div>
            </div>
            <div class="top_bar">
                <img title="Empty Cart" id="customer_loader" class="pointerCursor" src="clear.png">
                                <h2 class="title-cart">Cart(<span id="total_number_item">0</span>)</h2>
                <img id="continue_select_product" class="pointerCursor hide" src="back.png">
                <div class="top_bar_right">
                    <img title="Add Order Comment" id="customer_edit_icon" class="pointerCursor" src="order_comment.png">                    
                </div>                                
                <div class="clear"></div>
                <div class="order-comment" id="order-comment" style="display: none;">
                    <div class="comment">
                        <div class="col col-lg-7 col-md-7 col-sm-7 col-xs-7">Order Comment:</div>
                        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;"><button class="btn btn-warning" style="float: right; margin-left: -11px;">Save</button></div>                                            
                        <form>
                            <textarea id="order-comment-content"></textarea>
                        </form>
                    </div>                    
                </div>
            </div>
            <div class="col_content_right" id="cart_webpos_area">
                <div id="cart_webpos">
                    
<div class="cart">
    <div class="manage-customer add-customer col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div id="webpos_customer_overlay" class="hide">
        </div>
        <h2 class="col-lg-8 col-md-8 col-sm-8 col-xs-8" id="add-customer">
Add Customer        </h2>
        <div class="button-orders col-lg-2 col-md-2 col-sm-2 col-xs-2" style="line-height: 65px; padding: 0px 5px;">
            <button class="btn btn-default" id="show-customer-orders" style="display: none; width: 100%; overflow: hidden;">Orders</button>
        </div>
        <div class="button-delete col-lg-2 col-md-2 col-sm-2 col-xs-2" style="padding: 0px 5px;">
            <button class="btn btn-delete" id="remove-customer" style="display: none; width: 100%; overflow: hidden;">Delete</button>
        </div>
    </div>
    <div class="shopping-cart" id="webpos_cart_area">
        <div id="webpos_cart_overlay" class="hide">
        </div>
        <!--div style="position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 10;background-color: rgba(255, 255, 255, .8);" id='webpos_cart_custom_sale' class='hide'><img id='cart_loader' style="position: absolute;top: 5px;left: 50%;z-index: 10" src='' /></div-->
        <div id="webpos_cart">
    <script>/* Code removed by ScrapBook */</script>
            </div>
        <div id="pos_totals">
<div id="total_wp" class="">
<div class="form-cart">
    <div style="" class="el1 col-lg-8 col-md-8 col-sm-8 col-xs-8">
        Subtotal    </div>
    <div style="" class="el2 col-lg-4 col-md-4 col-sm-4 col-xs-4">
        <div id="webpos_cart_subtotals" class="webpos_item_subtotal"><span class="price">$0.00</span></div>
    </div>
</div>
<!-- Discount button -->
    <div class="subtotal">
        <div id="add-discount" class="form-cart">
            <div class="el1 no-active">
                Add Cart Discount            </div>
        </div>
    </div>
<!-- -->
<script type="text/javascript">/* Code removed by ScrapBook */</script><div id="grand_total_wp_show_hide" style="display: none;">
<div class="online_totals form-cart">
    <div style="" class="el1 col-lg-8 col-md-8 col-sm-8 col-xs-8">
        <strong>Grand Total</strong>
    </div>
    <div style="" class="el2 col-lg-4 col-md-4 col-sm-4 col-xs-4">
        <strong id="grand_total_webpos"><span class="price">$0.00</span></strong>
    </div>
</div>
</div>
</div>

        </div>
    </div>
</div>
<div id="cart_item_sample" class="hide">
    <div class="product" prdid="" product_price="" itemid="" custom_price="">
        <div class="img-product col-lg-1 col-md-1 col-sm-1 col-xs-1">
            <img src="webpos.htm">
            <span class="number">0</span>
        </div>
        <div class="name-product col-lg-6 col-md-6 col-sm-6 col-xs-6">
            <div class="product_name"></div>
            <div class="product_options"></div>
        </div>
        <div class="price col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <span class="webpos_item_subtotal row_total">0</span>
            <div class="webpos_item_original"></div>
        </div>
        <div class="delete col-lg-1 col-md-1 col-sm-1 col-xs-1">
            <div class="webpos_item_subtotal">X</div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="bg-fade" style="display: none;"></div>
<!-- <div class=fade-login></div>-->
<script type="text/javascript">/* Code removed by ScrapBook */</script>
                </div>
            </div>
            <div class="footer">
                                <div id="footer_right_overlay" class=""></div>
                <!--
                <button id='bt_remove_tax' onclick='toogleTax()' class='hide btn'>Remove/Add Tax</button>
                -->
                <div id="bt_hold_order" class="">Hold</div>
                <div id="bt_checkout" class="pointerCursor ">
                    <div class="label">Checkout</div>
                    <div class="value">
                        <div class="" id="webpos_subtotal_button">
                            <span class="price">$0.00</span>                            
                        </div>
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
                            </div>
        </div>
        <div id="order_info" class="orderHide">
            <div id="checkout_loader">
                <div class="img-ajax"></div>
            </div>
            <div id="order_info_wp">
    <div id="shipping_payment_wrapper" class="">
        <div class="shipping_payment_area">
            <div class="shipping">
                <div class="pospanel" id="shipping_area">
                    <div id="edit_shipping_address">Edit address</div>
                    <div class="panel-heading">Shipping                    </div>
                    <div class="panel-body hidding" style="display: none;">
                        <form id="webpos_shipping_method_form">
                            <div id="shipping_method">
                                        <p>Sorry, no quotes are available for this order at this time.</p>
                                </div>
                        </form>
                        <div id="address">
                        </div>
                    </div>
                </div>

            </div>
            <div class="payment">
                <div class="pospanel" id="payment_area">
                    <div class="panel-heading">Payment                        <div class="payment-remain-info">
                            <label id="remaining_label">Remaining</label>
                            <span id="remaining_amount"><span class="price">$0.00</span></span>
                        </div>
                    </div>
                    <div class="panel-body">

                        <form id="webpos_payment_method_form">
                            <div class="hide" id="cash_remain">
                                <div class="">
                                    <div class="text-right col-lg-8 col-md-8 col-sm-8 col-xs-8"><span>Amount Tendered: </span></div>
                                    <div class="text-right col-lg-4 col-md-4 col-sm-4 col-xs-4"><span id="cashin_value_label">0</span></div>
                                </div>
                                <div class="">
                                    <div class="text-right col-lg-8 col-md-8 col-sm-8 col-xs-8"><span>Remaining: </span></div>
                                    <div class="text-right col-lg-4 col-md-4 col-sm-4 col-xs-4"><span id="remain_value_label"><span class="price">$0.00</span></span></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div id="payment_method">
                                    <div class="onestepcheckout-payment-methods">
        <dl class="sp-methods" id="checkout-payment-method-load">
                                </dl>
    </div>
    <div class="tool-tip" id="payment-tool-tip" style="display: none;">
        <div class="btn-close"><a href="#" id="payment-tool-tip-close" title="Close">Close</a></div>
        <div class="tool-tip-content"><img src="cvv.gif" alt="Card Verification Number Visual Reference" title="Card Verification Number Visual Reference"></div>
    </div>
    <script type="text/javascript">/* Code removed by ScrapBook */</script>
    <script type="text/javascript">/* Code removed by ScrapBook */</script>

<script type="text/javascript">/* Code removed by ScrapBook */</script>                            </div>

                        </form>                            
                        <div class="form-cashin" id="form-cashin">                                 
                            <div class="form-group">
                                <div class="text-right col-lg-8 col-md-8 col-sm-8 col-xs-8"><span>Amount Tendered: </span></div>
                                <div class="text-right col-lg-4 col-md-4 col-sm-4 col-xs-4"><input placeholder="$0.00" id="cashin_value" class="" value="" currencysymbol="$" type="text"></div>
                            </div>
                            <div class="form-group">
                                <div class="text-right col-lg-8 col-md-8 col-sm-8 col-xs-8"><span>Remain: </span></div>
                                <div class="text-right col-lg-4 col-md-4 col-sm-4 col-xs-4"><span id="remain_value"><span class="price">$0.00</span></span></div>
                            </div>
                            <div class="form-group">
                                <ul>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default btn-warning" id="round_down_cashin"><span class="price">$0.00</span></button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default btn-warning" id="cashin_fullamount"><span class="price">$0.00</span></button>
                                    </li>

                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default btn-warning" id="round_up_cashin"><span class="price">$0.00</span></button>
                                    </li>
                                </ul>     
                                <ul>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="1">1</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="2">2</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="3">3</button>
                                    </li>
                                </ul>        
                                <ul>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="4">4</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="5">5</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="6">6</button>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="7">7</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="8">8</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4  col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="9">9</button>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button id="delete_cashin" type="button" class="btn btn-default clear-number numberInput"></button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="0">0</button>
                                    </li>
                                    <li class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                                        <button type="button" class="btn btn-default numberInput" value="00">00</button>
                                    </li>        
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="checkout_buttons_area">
            <div id="options_after_place_order">
                <div class="option check_shipment">
                    <ul>
                        <li>
                            <label class="shipping-order">Create shipment?</label>
                            <div class="toggle btn btn-primary" data-toggle="toggle" style="width: 35px; height: 21px;"><input id="create_shipment" checked="" data-toggle="toggle" class="input-text check-shipping" type="checkbox"><div class="toggle-group"><label class="btn btn-primary toggle-on">On</label><label class="btn btn-default active toggle-off">Off</label><span class="toggle-handle btn btn-default"></span></div></div>
                        </li>
                    </ul>
                </div>
                <div class="option show" id="create_invoice_container">
                    <ul>
                        <li>
                            <label class="shipping-order">Create invoice?</label>
                            <div class="toggle btn btn-primary" data-toggle="toggle" style="width: 35px; height: 21px;"><input id="create_invoice" checked="" data-toggle="toggle" class="input-text check-shipping" type="checkbox"><div class="toggle-group"><label class="btn btn-primary toggle-on">On</label><label class="btn btn-default active toggle-off">Off</label><span class="toggle-handle btn btn-default"></span></div></div>
                        </li>
                    </ul>
                </div>
            </div>
            <!--div class='col-lg-6 col-md-6 col-sm-6 col-xs-6'>
                <button type="button" class="btn btn-default" id='bt_cashin' onclick="showCashIn()">Amount Tendered</button>
            </div-->
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <button type="button" class="btn btn-warning" id="bt_place_order">Place Order</button>
            </div>
        </div>
    </div>
    <div class="order-success hide" id="order-success">
        <h2 class="price-order" id="success_orderGrandTotal"></h2>
        <div class="check-order">
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" style="padding: 0px;"><img src="check_order.png"></div>
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" style="padding: 0px;">
                <p>Order has been created successfully</p>
                <p>Order ID: <span id="success_orderIncrementId"></span></p>   
            </div>        
        </div>
        <!--    <div class="check-invoice">
                <p>Order fulfillment</p>
                <p>Invoice ID: #</p>
            </div>-->
        <form action="">
            <input id="success_order_id" value="" type="hidden">

            <div class="form-order">
                <input id="success_customerEmail" class="input-text form-control email" placeholder="Email Address" type="text">
                <button type="button" class="btn btn-warning">Send</button>
            </div>
            <button type="button" class="btn btn-default print" id="success_print">Print Receipt</button>
        </form>

        <button type="button" class="btn btn-warning new-order">Start New Order</button>
    </div>
</div>
<script type="text/javascript">/* Code removed by ScrapBook */</script>        </div>
    </div>
    <div id="orders_area" class="mainContainer" style="width: 1423px;">
    
        <div id="order_section_loader" style="display: none;">
            <div class="img-ajax"></div>
        </div>
        <div id="order_section_not_loader" style="display: none;">
            <div class="img-ajax"></div>
        </div>
        <div id="order-list" class="order-list col-lg-5 col-md-5 col-sm-5 col-xs-5">
            <div class="form-search row" id="orderlist_top_bar">
                <div class="incon-menu col-lg-1 col-md-1 col-sm-1 col-xs-1" style="padding: 0px;">
				<!--
                    <img onclick="showHideMenu('orders');" id='order_showmenu_icon' class='pointerCursor' src='http://demo.magestore.com/webpos/skin/frontend/base/default/images/icon/menu.png'/>
                -->
				</div>
                <div class="top_bar_right col-lg-10 col-md-10 col-sm-10 col-xs-10">
                    Orders                        
                </div>
                <div class="product_search col-lg-1 col-md-1 col-sm-1 col-xs-1" id="product_search_order">
                    <img id="search_icon" class="pointerCursor" src="search.png">
                </div>
            </div>
            <form id="orderlist-search-form" method="post" action="" style="display: none;">
                <ul id="search-order" class="search-order">
                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;">                                
                        <input name="order-id" id="order-id" placeholder="Order Id" class="input-text form-control" type="text">
                    </li>                
                    <li class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;">                                
                        <input name="name-email" id="customer-name-email" placeholder="Email/Name" class="input-text form-control" type="text">
                    </li>
                    <li id="a-search" class="col-lg-2 col-md-2 col-sm-2 col-xs-2 ">
                        <button type="button" class="btn btn-warning" id="button-orderlist-search"><span><span>Cancel</span></span></button>
                    </li>

                </ul>
				<div class="clear"></div>
				<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 5px;">
                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;">
						<input placeholder="From" id="order_filter_from" value="" class="form-control webpos_datetime_picker hasDatepicker" type="text">
					</div>                      
                    <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;">
						<input placeholder="To" id="order_filter_to" value="" class="form-control webpos_datetime_picker hasDatepicker" type="text">
					</div>                      
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="padding: 0px 3px; color: rgb(255, 255, 255);">
						<label for="order_filter_need_ship">Need Ship</label>
						<input id="order_filter_need_ship" value="1" type="checkbox">
					</div>     
					
					<div class="clear"></div>					
                </div>
            </form>     
            <div id="order_list_grid">

                            </div>
			<div id="order_list_loader">
				<div class="img-ajax"></div>
			</div>
        </div>
        <div id="" class="order-detail col-lg-7 col-md-7 col-sm-7 col-xs-7">
			<div id="order_detail_loader">
				<div class="img-ajax"></div>
			</div>
            <div class="top-order">
                <div class="head-view-order">
                    <h1 class="" id="order_detail_title">Order</h1>
                    <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1" id="comment_order"><img src="order_comment.png"></div>
                </div>
                <div class="clear"></div>
                <div class="order-comment" id="order-view-comment" style="display: none;">
                    <div class="comment">
                        <div class="col col-lg-7 col-md-7 col-sm-7 col-xs-7">Order Comment:</div>
                        <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding: 0px;"><button class="btn btn-warning" style="float: right; margin-left: -11px;">Save</button></div>                                            
                        <form>
                            <textarea id="order-view-comment-content"></textarea>
                        </form>
                    </div>                    
                </div>
                <div class="clear"></div>
                <div class="top-info">
                    <h2 class="price-order" id="order_detail_grandtotal">0</h2>
                    <p><span>Created Date: </span><span class="date common" id="order_detail_orderdate">0</span></p>
                    <p><span>Status:  </span><span class="status common" id="order_detail_status">0</span></p>
                    <p><span>Total Due:  </span><span class="total" id="order_detail_totaldue"><span class="price">$0.00</span></span></p>
                    <div class="btn-invoice"><button type="button" class="btn btn-warning" id="bt_create_invoice">Invoice</button></div>
                    <!-- start add button pdf invoice plus -->
                                        <!-- end add button pdf invoice plus -->
                </div>
            </div> 
            <div id="order_detail_area" class="">

            </div>
            <div class="footer-order">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><button class="btn btn-default" id="order_bt_print">Print</button></div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><button class="btn btn-default" id="order_bt_email">Email</button></div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><button class="btn btn-default" id="order_bt_ship">Ship</button></div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><button class="btn btn-default" id="order_bt_cancel">Cancel</button></div>
            </div>            
            <div class="" id="pos_order_container_sendemail_overlay" style="display: none;"></div>
            <div class="send-email hide">
                <div class="modal-content">                        
                    <div id="send_order_email_form" role="form" method="get" action="">
                        <div class="top-form col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="btn-cancel col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <button type="button" class="btn btn-default">Cancel</button>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><h2>Send email</h2></div>
                            <div class="btn-send col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <button type="button" class="btn btn-default">Send</button>
                            </div>
                        </div>
                        <div class="input-form col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input class="input-text form-control required-entry validate-email" placeholder="Email Address" name="order_customer_email" id="order_customer_email" type="text">
                            <p id="order_customer_email_notification"></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bg-fade" style="display: none;"></div>
            <div id="refund_popup" class="refund hide">
                <div id="order_refund_loader">
                    <div class="img-ajax"></div>
                </div>
                <div class="modal-content">                        
                        <div class="top-form col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <div class="btn-cancel col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <button type="button" class="btn btn-default">Cancel</button>
                            </div>
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><h2>Refund for Order</h2></div>
                            <div class="btn-refund col-lg-3 col-md-3 col-sm-3 col-xs-3">
                                <button id="refund_offline_button" type="submit" class="btn btn-default">Refund Offline</button>
                            </div>
                        </div>
                        <div class="content-form">
                            <div class="table-responsive">
                               <div id="items_table"></div>
                            </div>
                            <div class="">
                                <div class="credit-comment col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <label>Credit Memo Comments</label>
                                    <textarea id="comment_refund" type="text" class="form-control"></textarea>
                                </div>
                                <div class="adjustment col-lg-6 col-md-6 col-sm-6 col-xs-6 row">
																		<div class="form-group">
                                        <label class="col-lg-6 col-md-6 col-sm-6 col-xs-6">Adjustment Refund</label>
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><input id="ajust_refund" class="input-text form-control" placeholder="$0.00" type="text"></div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-6 col-md-6 col-sm-6 col-xs-6">Adjustment Fee</label>
                                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><input id="ajust_fee" class="input-text form-control" placeholder="$0.00" type="text"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </div>

</div>
    <div id="settings_area" class="mainContainer" style="width: 1423px;">


    <div class="setting-left col-lg-5 col-md-5 col-sm-5 col-xs-5">
        <div class="top-content">
            <div class="img-menu col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<!--
			<img class='pointerCursor' src='http://demo.magestore.com/webpos/skin/frontend/base/default/images/icon/menu.png' />
			-->
			</div>
            <div class="title-page col-lg-11 col-md-11 col-sm-11 col-xs-11"><h2>Settings</h2></div>
        </div>
        <div class="content">
            <ul>
                <li class="setting general active" id="general">General</li>
                <li class="setting account" id="account">My Account</li>
            </ul>
        </div>
    </div>
    <div class="setting-right col-lg-7 col-md-7 col-sm-7 col-xs-7" id="">
        <div class="top-content">
            <div class="title-page col-lg-12 col-md-12 col-sm-12 col-xs-12 title-general">
                <h2>General</h2>
            </div>
            <div class="title-page col-lg-11 col-md-11 col-sm-11 col-xs-11 title-account" style="display: none;">
                <h2>My Account</h2>
            </div>
            <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 hide hide-button">
                <button type="button" class="btn btn-default" id="save-password">Save</button>
            </div>
        </div>
        <div class="content-general setting-content" id="content_general">
            <h2 class="title">Automatically log out after a period of inactivity</h2>
            <form class="content-box" method="" action="">                
                <div class="box box1">
                    <div class="check check1">                    
                        <input class="hide" type="checkbox">
                        <label>2 Minutes</label>
                        <span class="checkicon " id="" logout="2"></span>
                    </div>
                    <div class="check check2">                    
                        <input class="hide" type="checkbox">
                        <label>5 Minutes</label>
                        <span class="checkicon " id="" logout="5"></span>
                    </div>
                    <div class="check check3">                    
                        <input class="hide" type="checkbox ">
                        <label>10 Minutes </label>
                        <span class="checkicon " id="" logout="10"></span>
                    </div>
                    <div class="check check4">                    
                        <input class="hide" type="checkbox">
                        <label>15 Minutes</label>
                        <span class="checkicon " id="" logout="15"></span>
                    </div>
                    <div class="check check5">                    
                        <input class="hide" type="checkbox">                        
                        <label>Never</label>
                        <span class="checkicon glyphicon glyphicon-ok haschoose" id="" logout="0"></span>
                    </div>                    
                </div>                           
            </form>
                            <h2 class="title">Flush cache in local storage</h2>
                <div id="flush_cache">
                    <button>Reload Data</button>
                </div>
                    </div>
        <div class="content-myaccount" style="display: none;" id="content_account">
            <form action="" id="editUserInfo">
                <h2 class="title">Account Information</h2>              
                <div class="account-information">
                    <div class="box">
                        <label>Display Name</label>
                        <input name="firstname" id="username" class="form-control input-text" placeholder="Name" value="demo" type="text">
                    </div>
                    <div class="box last">
                        <label>Email Address</label>
                        <input name="emailaddress" id="emailaddress" class="form-control input-text" placeholder="Email Address" value="demo@example.com" type="text">
                    </div>
                    <input name="userid" id="userid" value="3" type="text" hidden="hidden">
                </div>
                <h2 class="title">Change Password</h2>
                <div class="change-password">
                    <div class="box">
                        <label>Old Password</label>
                        <input name="oldpassword" class="form-control input-text" placeholder="Password" id="oldpassword" type="password">
                    </div>
                    <div class="box">
                        <label>New Password</label>
                        <input name="newpassword" class="form-control input-text" placeholder="Password" id="newpassword" type="password">
                    </div>
                    <div class="box last">
                        <label>Confirmation</label>
                        <input name="confirmpassword" class="form-control input-text" placeholder="Retype New Password" id="confirmpassword" type="password">
                    </div>
                </div>
            </form>

            <div id="permissionInfo">
                <h2 class="title">Role Information</h2>
                <div class="permission-information">
                    <div class="box">
                        <label>Role: </label>
                        <span>Admin</span>
                    </div>
                    <div class="box last box-permission">
                        <label id="box-permission" class="form-control">
                            <span>Permission: </span>
<!--                            <span class="glyphicon glyphicon-chevron-up hide" aria-hidden="true"></span>
                            <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>-->
                        </label>
                        
                        <span id="list-permission" style="clear: both;"><p>All Permissions</p></span>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>
</div>                </div>
            </div>
        </div>
                        

    </div>
</div></div>




<div id="mm-blocker" class="mm-slideout"></div><div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>







</body>
</html>
